import React, { useEffect, useState } from 'react';

export const DateFn: React.FC = () => {
    const [count, setCount] = useState(0);
    const addFun = () => {
        // console.warn('增加前：' + count);//打印增加前 0

        // 强调setxx 函数时异步修改状态的，
        setCount(count + 1);//自增  

    }

    // 结合useEffect 监听状态的变换
    useEffect(()=>{
        // 首次渲染也会被执行
        console.log("useEffect")
        console.log('自增后的值'+count);
        // 这里可以获取到  set函数后的结果
    },[count])
   

    return (
        <>
            <h1>当前count值:{count}</h1>
            <button onClick={addFun}>增加</button>
        </>
    )
}


